/* A CSS Framework by Mike Stenhouse of Content with Style - customized by Saeid Moradi*/

/* html div#nav 
	{
	height: 1%; /* hide ie-mac *
	}*/
	
div#nav div.wrapper 
	{
	position: absolute;
	left: 0;
	bottom: 0;
	}
div#nav ul 
	{
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
	}
div#nav li 
	{
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	}	
div#nav li.last 
	{
	border-right: none;
	}
div#nav a
	{
	display: block; /* hide from ie-mac*/
	margin: 0;
	padding: 11px 15px 10px;
	color: #606060;	
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #b0b0b0;
	}
div#nav a:hover,
div#nav a.current	 
	{
	color: #505050;
	text-decoration: none;
	background: #f0f0f0 url("images/menuhover.jpg") top left repeat-x;
	}
div#nav a.current 
	{
	display: inline;
	display: block; /* hide from ie-mac*/
	}
	
/*DROP DOWN MENU*/
ul#roo_menu, ul#roo_menu ul
	{
	margin: 0;
	padding: 0;
	background: #fff; /*IE6 Bug*/
	font-size: 100%;
	}
ul#roo_menu li
	{
	position: relative;
	list-style: none;
	}	 
ul#roo_menu li a 
	{
	display: block;
	text-decoration: none;
	color: #777;
	text-align :center;
	white-space: nowrap;
	}
/* Fix IE. Hide from IE Mac */
/*
* html ul#roo_menu li {float: left; height: 1%; }
* html ul#roo_menu li {height: 1%;}
* html ul#roo_menu ul {width: 149px;}
* html ul#roo_menu ul li {width: 149px;}
*/

ul#roo_menu ul
	{
	position: absolute;
	display: none;
	left: 0px;
	top: 33px;
	}
ul#roo_menu ul li 
	{
	border: 1px solid silver;
	border-bottom: 0;
	font-size: 1em;
	}
ul#roo_menu ul li ul 
	{
	margin-left: 149px;
	margin-top: -23px;
	}		
ul#roo_menu ul li.last
	{
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
	}
ul#roo_menu li ul li /* Sub Menu Styles */	  
	{
	width : 100%;
	font-weight: bold;	
	color: #505050;
	padding-top: 1px;
	background: #f0f0f0 url("images/menubg.jpg") top left repeat-x;
	}
ul#roo_menu li ul li a
	{
	text-align: left;
	padding: 10px 10px 10px;
	}
ul#roo_menu li:hover ul ul,
ul#roo_menu li:hover ul ul ul,
ul#roo_menu li.over ul ul,
ul#roo_menu li.over ul ul ul 
	{ 
	display: none; /* Hide sub-menus initially */ 
	} 
ul#roo_menu li:hover ul,
ul#roo_menu li li:hover ul,
ul#roo_menu li li li:hover ul,
ul#roo_menu li.over ul,
ul#roo_menu li li.over ul,
ul#roo_menu li li li.over ul 
	{ 
	display: block;  /* The magic */ 
	}
ul#roo_menu li.menubar a.menupanel
	{
	background: transparent url("images/arrow.gif") right center no-repeat;
	}
ul#roo_menu li.menubar a.menupanel:hover
	{
	background: transparent url("images/arrow-down.gif") right center no-repeat;
	}
ul#roo_menu li ul li a:hover,
ul#roo_menu li ul li a.over 
	{ 
	color: #333333;
	background: #f0f0f0 url("images/menuhover.jpg") top left repeat-x;
	}
ul#roo_menu li a:hover 
	{ 
	color: #333333; 
	}	
/* END DROP DOWN MENUS*/						